import "./button.scss";

export default defineComponent({
	name: "AddButton",
	setup() {
		return () => (
			<div class="css-p8muss">
				<button class="toolbar-button css-jp0mh7-toolbar-button" aria-label="Add panel">
					<div class="css-1vzus6i-Icon">
						<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 117.8 64" width="24" height="24" class="css-sr6nr">
							<linearGradient id="a" gradientUnits="userSpaceOnUse" x1="96.44" y1="83.7" x2="96.44" y2="-9.48">
								<stop offset="0" stop-color="#FFF23A"></stop>
								<stop offset=".04" stop-color="#FEE62D"></stop>
								<stop offset=".12" stop-color="#FED41A"></stop>
								<stop offset=".2" stop-color="#FDC90F"></stop>
								<stop offset=".28" stop-color="#FDC60B"></stop>
								<stop offset=".67" stop-color="#F28F3F"></stop>
								<stop offset=".89" stop-color="#ED693C"></stop>
								<stop offset="1" stop-color="#E83E39"></stop>
							</linearGradient>
							<path d="M15.2 22.7H1.9c-1.1 0-1.9.9-1.9 1.9v37.5C0 63.2.9 64 1.9 64h13.3c1.1 0 1.9-.9 1.9-1.9V24.6c0-1.1-.8-1.9-1.9-1.9zM36.3 10.2H23c-1.1 0-1.9.9-1.9 1.9v50c0 1.1.9 1.9 1.9 1.9h13.3c1.1 0 1.9-.9 1.9-1.9v-50c0-1-.9-1.9-1.9-1.9zM57.3 32H44c-1.1 0-1.9.9-1.9 1.9V62c0 1.1.9 1.9 1.9 1.9h13.3c1.1 0 1.9-.9 1.9-1.9V34c0-1.1-.8-2-1.9-2zM70.1 38V26.1c0-3.4 2.7-6.1 6.1-6.1h4.1V2c0-1.1-.9-1.9-1.9-1.9H65.1c-1.1-.1-2 .8-2 1.9v60.1c0 1.1.9 1.9 1.9 1.9h13.3c1.1 0 1.9-.9 1.9-1.9v-18h-4.1c-3.2 0-6-2.8-6-6.1z"></path>
							<path
								fill="url(#a)"
								d="M116.7 24.9H103.6V11.8c0-.6-.5-1.1-1.1-1.1h-12c-.6 0-1.1.5-1.1 1.1v13.1H76.2c-.6 0-1.1.5-1.1 1.1v12c0 .6.5 1.1 1.1 1.1h13.2v13.2c0 .6.5 1.1 1.1 1.1h11.9c.6 0 1.1-.5 1.1-1.1V39.1h13.1c.6 0 1.1-.5 1.1-1.1V26.1c.1-.6-.4-1.2-1-1.2z"
							></path>
						</svg>
					</div>
				</button>
			</div>
		);
	}
});
